<template>
  <div>
    <div class="head">
      <div class="head_left">
        <h3>
          园区概况
        </h3>
      </div>
      <div class="head_right">
        <ul>
          <li>当前位置：</li>
          <li>首页</li>
          <li> >> </li>
          <li>园区概览</li>
          <li> >> </li>
          <li>园区概况</li>
        </ul>
      </div>
      <div class="head_line"></div>
    </div>
    <div class="navigation">
      <ed-submeu index="3" popper-class="popper">
        <template slot="title">{{module3}}</template>
        <div class="navigation_left">
          <ul>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title2.png">
                <div class="parkshow_menucolor_top"></div>
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Yqgk" style="text-decoration:none;"><a>园区概况</a></router-link>

              </div>
            </li>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title2.png">
                <div class="parkshow_menucolor"></div>
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Zbpt" style="text-decoration:none;"><a>周边陪套</a></router-link>
              </div>
            </li>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title2.png">
                <div class="parkshow_menucolor"></div>
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Wzjjt" style="text-decoration:none;"><a>位置与交通</a></router-link>
              </div>
            </li>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title2.png">
                <div class="parkshow_menucolor"></div>
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Lpfc" style="text-decoration:none;"><a>楼盘风采</a></router-link>
              </div>
            </li>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title2.png">
                <div class="parkshow_menucolor"></div>
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Yqgk" style="text-decoration:none;"><a>3D导览</a></router-link>
              </div>
            </li>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title1.png">
                <div class="parkshow_menucolor"></div>
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Rzqy" style="text-decoration:none;"><a>入驻企业</a></router-link>
              </div>
            </li>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title2.png">
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Dsj" style="text-decoration:none;"><a>大事记</a></router-link>
              </div>
            </li>
          </ul>
        </div>
      </ed-submeu>
      <div class="navigation_right">
        <div class="img_one">
          <img src="../../assets/company1.png">
        </div>
        <div class="img_one">
          <img src="../../assets/company2.png">
        </div>
        <div class="img_one">
          <img src="../../assets/company3.png">
        </div>
        <div class="img_one">
          <img src="../../assets/company4.png">
        </div>
        <div class="img_two">
          <img src="../../assets/company5.png">
        </div>
        <div class="img_two">
          <img src="../../assets/company6.png">
        </div>
        <div class="img_two">
          <img src="../../assets/company7.png">
        </div>
        <div class="img_two">
          <img src="../../assets/company8.png">
        </div>
        <div class="img_three">
          <img src="../../assets/company9.png">
        </div>
      </div>
    </div>
  </div>
</template>

<style>
  *{
    margin: 0;
    padding: 0;
  }
  .head{
    width: 1004px;
    height: 99px;
    margin: 0 auto;
  }
  .head_left{
    width: 300px;
    height: 71px;
    float: left;
  }
  .head_left h3{
    width: 300px;
    height: 36px;
    padding-top: 36px;
    color: #517bc0;
    font-size: 20px;
  }
  .head_right{
    height: 22px;
    float: right;
    font-size: 12px;
    line-height: 22px;
    padding-top: 36px;
  }
  .head_right li{
    float: left;
    list-style: none;
  }
  .head_line{
    background-color: #a3bbe3;
    clear: both;
    height: 1px;
    width: 100%;
    float: none;
    margin-bottom: 7px;
  }
  .navigation{
    width: 1004px;
    margin: 0 auto;
  }
  .navigation_left{
    width: 258px;
    height: 337px;
    float: left;
  }
  .navigation_left li{
    list-style: none;
    width: 254px;
    height: 50px;
  }
  .navigation_left li a:visited{
    color: black;
  }
  .navigation_left li a:hover {
    color: #3b97d7;
  }
  .parkshow_menuing{
    height: 50px;
    width: 25px;
    float: left;
  }
  .parkshow_menucolor_top{
    height: 32px;
    width: 2px;
    background-color: #dcdcdc;
    padding-bottom: 4px;
    margin-left: 4px;
    margin-top: -4px;
  }
  .parkshow_menucolor{
    height: 30px;
    width: 2px;
    background-color: #dcdcdc;
    margin-left: 4px;
    padding-top: 34px;
    margin-top: -18px;
  }
  /*.parkshow_menucolor_foot{
    height: 22px;
    width: 2px;
    background-color: #dcdcdc;
    margin-left: 4px;
  }*/
  .parkshow_menulist{
    height: 50px;
    width: 229px;
    float: left;
  }
  .navigation_right{
    width: 746px;
    height: 380px;
    float: right;
  }
  .img_one{
     width: 170px;
     height: 100px;
     float: left;
     background-color: #ecf0f3;
     margin-left: 16px;
     margin-bottom: 19px;
     float: left;
   }
  .img_two{
    width: 170px;
    height: 100px;
    float: left;
    background-color: #ecf0f3;
    margin-left: 16px;
    margin-bottom: 19px;
    float: left;
  }
  .img_three{
    background-color: #ecf0f3;
    width: 170px;
    height: 100px;
    float: left;
    margin-left: 16px;
    margin-bottom: 19px;
    float: left;
  }
  .navigation_right img{
    width: 170px;
    height: 92px;
    background-color: #ecf0f3;
  }
</style>

<script>

  export default {
    data() {
      return {msg: ''}
    }
  }

</script>
